/******************************* LIST ITEM */
.c-list-item {
  &__name__type-icon {
    color: $colorItemTreeIcon;
  }

  &__name__name {
    @include ellipsize();

    a & {
      color: $colorItemFg;
    }
  }

  &:not(.c-list-item__name) {
    color: $colorItemFgDetails;
  }

  &.is-alias {
    // Object is an alias to an original.
    [class*='__type-icon'] {
      @include isAlias();
    }
  }

  [class*='l-overlay'] & {
    // When this view is in an overlay, prevent navigation
    pointer-events: none;
  }
}
